<!--
 * @Descripttion: 
 * @Author: jhw
 * @Date: 2024-06-19 11:48:31
 * @LastEditors: jhw
 * @LastEditTime: 2024-06-20 10:22:39
-->
<template>
  <div>
    <Echart :options="option" />
  </div>
</template>

<script setup lang="ts">
import Echart from '@/components/JEcharts/index.vue';
import type { EchartsPropsOptions } from '@/components/JEcharts/index.vue';
import { ref } from 'vue';
const option = ref<EchartsPropsOptions>({
  title: {
    text: 'ECharts 入门示例',
  },
  tooltip: {},
  xAxis: {
    data: ['衬衫', '羊毛衫', '雪纺衫', '裤子', '高跟鞋', '袜子'],
  },
  yAxis: {},
  series: [
    {
      name: '销量',
      type: 'bar',
      data: [5, 20, 36, 10, 10, 20],
    },
  ],
});
</script>

<style scoped></style>
